<template>
    <div class="default-table-detail-container">
        <BaseTableInfo v-model="baseTableInfoModel" />
    </div>
</template>

<script lang="ts" setup>

import AssistCheckInfoApi from '/@/api/webPath/AssistCheckInfoApi.ts';
import { onMounted, ref } from 'vue'
const props = defineProps({
    modelValue: {

    }
})
const route = useRouter()

const baseTableInfoModel = ref({
    columnCount: 3,
    autoFit: false,
    columnWidth: '300px',
    labelWidth: '100px',
    title: '基本信息',
    modelData: {},
    itemList: [
        {
            title: '',
            items: [   //渲染样式区域  通过key ===model 中的值
                //                                   {
                // label: "id",
                //                               field: "id",
                //                         },
                // {
                //     label: "编号",
                //     field: "checkNo",
                // },
                // {
                //     label: "序号",
                //     field: "checkSerial",
                // },
                {
                    label: "自查日期",
                    field: "checkDate",
                },
                {
                    label: "自查类型",
                    field: "checkType",
                    fieldFormat: 'tag',
                    valueMap: [
                        {
                            value: 1,
                            label: "每日自查",
                            type: "primary"
                        },
                        {
                            value: 2,
                            label: "全项自查",
                            type: "orange"
                        }
                    ],
                },
                // {
                //     label: "自查项目",
                //     field: "checkItem",
                // },

                // {
                //     label: "自查要点",
                //     field: "checkKey",
                // },
                // {
                //     label: "结果",
                //     field: "checkResult",
                //     fieldFormat: 'tag',
                //     valueMap: [
                //         {
                //             value: 0,
                //             label: "不符合",
                //             type: "primary"
                //         },
                //         {
                //             value: 1,
                //             label: "符合",
                //             type: "info"
                //         },
                //         {
                //             value: 2,
                //             label: "不适用",
                //             type: "danger"
                //         }
                //     ],
                // },
                // {
                //     label: "整改措施",
                //     field: "solution",
                // },
                // {
                //     label: "负责人",
                //     field: "director",
                // },
                // //                                                                           {
                // // label: "所属公司",
                // //                               field: "companyId", 
                // //                         },
                // {
                //     label: "创建人",
                //     field: "creator",
                // },
                // {
                //     label: "修改人",
                //     field: "reviser",
                // },
                // // {
                // //     label: "排序",
                // //     field: "sort",
                // // },
                // {
                //     label: "创建时间",
                //     field: "create_time",
                // },
                // {
                //     label: "更新时间",
                //     field: "update_time",
                // },
            ]
        }
    ],
    buttons: [   //标题操作区域
        // {
        //   name: "更多",
        //  buttonClass: 'danger',
        // width: 100,
        // click: (any: object) => {   //暴露的方法钩子
        // $baseMessage("这里执行业务", 'success', 'vab-hey-message-success');
        //},
        //},
        // {
        //     name: "导出",
        //     buttonClass: "primary",
        //     width: 100,
        //     click: ({ row, handlers }) => {   //暴露的方法钩子
        //         AssistCheckInfoApi.detailPageDataXls(handlers.getRequestParams(), handlers.getXlsTitle())
        //     }
        // }


    ],
    tableModel: {
        descriptionTitle: "采购清单详情",
        border: true,
        pagination: true,
        inline: true,
        selectable: false,
        isFullscreen: false,
        showToolbar: false,
        minWidth: '200px',
        data: {    //table  初始化
            current: 1,
            size: 10,
            total: 100,
            data: []
        },
        requestData: { api: AssistCheckInfoApi.getDetailPageData, query: { check_id: props.modelValue?.query.assistCheckInfoId } },   //数据源 参数有效性： 'steady|transient'
        columns: [
            {
                label: "自查项目",
                field: "checkItem",
                width: 180,
            },

            {
                label: "自查要点",
                field: "checkKey",
                width: 180,
            },
            {
                label: "结果",
                field: "checkResult",
                fieldFormat: 'tag',
                // valueMap: checkResultEnumList,
                valueMap: [
                    {
                        value: '不符合',
                        label: "不符合",
                        type: "danger"
                    },
                    {
                        value: '符合',
                        label: "符合",
                        type: "success"
                    },
                    {
                        value: '不适用',
                        label: "不适用",
                        type: "primary"
                    }
                ],
                width: 180,
            },
            {
                label: "整改措施",
                field: "solution",
                width: 180,
            },
            {
                label: "负责人",
                field: "director",
                width: 180,
            },
            //    {
            //     label: "所属公司",
            //     field: "companyId",
            //     width:120,
            //       },
            // {
            //     label: "创建人",
            //     field: "creatorName",
            //     width: 180,
            // },
            // {
            //     label: "修改人",
            //     field: "reviserName",
            //     width: 180,
            // },
            {
                label: "创建时间",
                field: "create_time",
                width: 200,
            },
            {
                label: "更新时间",
                field: "update_time",
                width: 200,
            },
        ],


        actions: [
        ]

    },
})

onMounted(async () => {
    //初始化数据model
    const { data } = await AssistCheckInfoApi.getDetail({
        assistCheckInfoId: props.modelValue.query.assistCheckInfoId   //从路由中获取参数
    })
    baseTableInfoModel.value.modelData = data;





})
</script>

<style lang="scss" scoped>
.default-table-detail-container {
    :deep() {
        .el-form--inline {
            .el-form-item {
                margin-right: 10px;
            }
        }

        .el-descriptions__label {
            min-width: 80px !important;
            text-align: right;
        }
    }
}
</style>
